<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>寺库跨境体验店，荟萃海量奢侈珍品，传承奢侈品牌文化 - 寺库网</title>
    <link rel="shortcut icon" href="img/siku.ico">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/8.css">    
</head>
<body>
    <div id="fullpage">
        <div class="section">
            <div class="w pjone"id="#Page">
                <img src="img/center/8_1-1.png" alt="">
                <a href="#secondPage"></a>
            </div>
        </div>
        <div class="section">
            <ul class="w clearfix menu"id="#Page">
                <li class="cenemo"><a href="javascript:;"><img src="img/center/8_1-3.jpg"><span><i></i><em>了解详情</em></span></a></li>
                <li class="cenemo"><a href="javascript:;"><img src="img/center/8_1-4.jpg"></a></li>
                <li class="cenemo"><a href="javascript:;"><img src="img/center/8_1-5.jpg"><span><i></i><em>了解详情</em></span></a></li>
                <li class="cenemo"><a href="javascript:;"><img src="img/center/8_1-6.jpg"></a></li>
                <li class="cenemo"><a href="javascript:;"><img src="img/center/8_1-7.jpg"><span><i></i><em>了解详情</em></span></a></li>
                <li class="cenemo"><a href="javascript:;"><img src="img/center/8_1-8.png"><span><i></i><em>了解详情</em></span></a></li>
                <li class="last cenemo"><em class="ico"></em></li>
            </ul>
        </div>
        <div class="section">
            <div class="w bpjone clearfix" id="#Page">
                <div class="leftpage">
                    <i></i>
                    <img src="img/center/8_1-10.jpg" alt="">
                    <div class="letter">
                        <p>荟萃海量奢侈品,传承奢侈品牌文化。提供国际一流奢侈品的购物、体验、鉴定、保养和拍卖服务
                            ,其经营的高端奢侈品集中于箱包、腕表、服饰美妆、家居、豪车六大品类。除致力于为消费者提供奢侈品一站式服务外,
                            跨境体验店还以俱乐部形式为名流雅士搭建一个尊贵优雅的交流平台。
                        </p>
                    </div>
                </div>
                <div class="rightpage">
                    <div class="other_new">
                        <ul>
                            <li><a href="#">[网易新闻]运用大数据打造定制化服务 : 寺库与巴黎银行开展···</a><span></span></li>
                            <li><a href="#">[凤凰网]寺库开启季末盛惠</a><span></span></li>
                            <li><a href="#">[网易新闻]寺库提速"全球化"时尚布局 海外站新品同步上架</a><span></span></li>
                            <li><a href="#">【环球网】 寺库迎商务部、质检总局实地调研,高端跨境服...</a><span></span></li>
                            <li><a href="#">[国际在线]寺库精心打造 体验式服务旗舰</a><span></span></li>
                            <li><a href="#">[vogue时尚网]百达翡丽技师现身寺库 私密沙龙堪称腕表盛宴</a><span></span></li>
                            <li><a href="#">【中国日报网】 跨境购物放心GO 寺库荣获商务部 "诚信经营...</a><span></span></li>
                            <li><a href="#">【MSN中文网】寺库宣布获E轮融资 奢侈品电商的跨境新篇</a><span></span></li>                            
                        </ul>
                    </div>
                    <i></i>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.fullPage.js"></script>
    <script>
        $(function(){
            $('#fullpage').fullpage({
                verticalCentered:true,
                scrollingSpeed:1500,
                navigation:true,
                navigationColor:'#fff',
                onLeave:function(index,nextIndex,down){
                    $(".pjone").eq(index-1).fadeOut().animate({top:"100%"},2000).end().children("a").animate({bottom:"-100%"},2000);
                    $(".menu").children('.cenemo').hide().css(
                        "animation","",
                    );
                    $(".leftpage").removeClass("animated bounceInLeft").addClass("animated bounceOutLeft");
                    $(".rightpage").removeClass("animated bounceInRight").addClass("animated bounceOutRight");
                },
                afterLoad:function(Page,index){
                    if(index==1){
                        $(".pjone").fadeIn(300).animate({top:"-12%"},300,function(){
                            $(this).children("a").animate({bottom:"-22%"},500)
                        });
                    }else if(index==2){
                        var time = 0.3;
                        $(".cenemo").each(function(index,value){
                            $(this).show().css(
                                "animation", "bounceIn .4s "+(0.3+time)+"s ease both",
                            );
                            time+=0.3;
                        })
                    }else if(index==3){
                        $(".leftpage").removeClass("animated bounceOutLeft").addClass("animated bounceInLeft");
                        $(".rightpage").removeClass("animated bounceOutRight").addClass("animated bounceInRight");
                    }
                }
            });
        })
    </script>
</body>
</html>